<%@ page language="java" pageEncoding="utf-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="tag" prefix="PF" %>
<%--
  ~ This file Copyright (c) 2015. Walle.
  ~ (http://www.wallellen.com). All rights reserved.
  ~
  ~
  ~ This file is dual-licensed under both the
  ~ Walle Agreement (WA) and the GNU General Public License.
  ~ You may elect to use one or the other of these licenses.
  ~
  ~ This file is distributed in the hope that it will be
  ~ useful, but AS-IS and WITHOUT ANY WARRANTY; without even the
  ~ implied warranty of MERCHANTABILITY or FITNESS FOR A
  ~ PARTICULAR PURPOSE, TITLE, or NONINFRINGEMENT.
  ~ Redistribution, except as permitted by whichever of the GPL
  ~ or WA you select, is prohibited.
  ~
  ~ 1. For the GPL license (GPL), you can redistribute and/or
  ~ modify this file under the terms of the GNU General
  ~ Public License, Version 3, as published by the Free Software
  ~ Foundation.  You should have received a copy of the GNU
  ~ General Public License, Version 3 along with this program;
  ~ if not, write to the Free Software Foundation, Inc., 51
  ~ Franklin St, Fifth Floor, Boston, MA 02110-1301 USA.
  ~
  ~ 2. For the Walle Agreement (WA), this file
  ~ and the accompanying materials are made available under the
  ~ terms of the WA which accompanies this distribution, and
  ~ is available at http://www.wallellen.com/agreement.html
  ~
  ~
  ~ DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER
  --%>

<!-- 文档中的目录导航 -->
<div class="panel panel-default " id="docContentMenuId">
    <div class="panel-heading" style="font-size: 14px;">
        <span class="glyphicon glyphicon-list-alt"></span> 目录
    </div>
    <div class="panel-body"
         style="line-height: 20px; list-style: none; padding: 4px;">
        <ul id="ContentMenuId" style="list-style-type: none"></ul>
    </div>
    <div id="docContentsId" style="height: 0px; overflow: hidden;"></div>
</div>
<script type="text/javascript">
    var n1 = 1;
    var n2 = 1;
    var n3 = 1;
    function creatMenus(i, obj) {
        if ($(obj).get(0).tagName == 'H1') {
            $('#ContentMenuId').append(
                            '<li class="doc_vavigat_h1">' + n1 + $(obj).text()
                            + '</li>');
            n1++;
            n2 = 1;
            n3 = 1;
        }
        if ($(obj).get(0).tagName == 'H2') {
            $('#ContentMenuId').append(
                            '<li class="doc_vavigat_h2">' + (n1 - 1) + '.' + n2
                            + $(obj).text() + '</li>');
            n2++;
            n3 = 1;
        }
        if ($(obj).get(0).tagName == 'H3') {
            $('#ContentMenuId').append(
                            '<li class="doc_vavigat_h3">' + (n1 - 1) + '.' + (n2 - 1)
                            + '.' + n3 + $(obj).text() + '</li>');
            n3++;
        }
    }
    function initLeftMenuFromHtml(html) {
        $('#ContentMenuId').html('');
        try {
            $('#docContentsId').html(html);
        } catch (e) {
        }
        n1 = 1;
        n2 = 1;
        n3 = 1;
        $('h1,h2,h3', '#docContentsId').each(function (i, obj) {
            creatMenus(i, obj);
        });
        $('#ContentMenuId').css('height', $(window).height() - 300);
        $('#ContentMenuId').css('overflow-y', 'auto');
    }
</script>